<html>
<head>
<meta name = "viewport" content = "initial-scale = 1.0, user-scalable = no" />

<link rel="stylesheet" href="style.css" type="text/css"/>
<script type="text/javascript" src="NKit.js"></script>			<!-- Link to NimbleKit js file -->
<script type="text/javascript" src="javascript.js"></script>	<!-- Link to custom js file (user created) NB:Remove from compile sources -->

</head>

<body>

<script type="text/javascript">
// NavController =============================================================
// Create a Navigation Controller (bar at top of screen)
var navController = new NKNavigationController();	/* Creates the Navigation Controller */
navController.setTitle("Home");						/* Sets the title that will be visible in other pages */
navController.setTintColor(50, 115, 173);			/* Sets the NavController bar color in RGB */
navController.setImage("nkbpnavbarlogo.png");		/* Adds an image (transparent png) to the NavController, replaces title "Home" */
//navController.setUsesPreloading("yes");			/* Tells NavController to preload pages before moving to them */

// TabController =============================================================
// Create a Tab Bar at bottom of screen
var tabController = new NKTabBarController();
tabController.setTabBarForPage("main.html", "Main", "icon_globe_32.png");
tabController.setTabBarForPage("picker.html", "Picker", "icon_hand_32.png");
tabController.setTabBarForPage("search.html", "Search", "icon_search_32.png");
tabController.setTabBarForPage("about.html", "About", "icon_info_32.png");
</script>

<h2>Alerts</h2>
<ul>
<li><a onClick="navController.gotoPage('nkactivityindicator.html')">NKActivityIndicator</a></li>
<li><a onClick="navController.gotoPage('nkalert.html')">NKAlert</a></li>
<li><a onClick="navController.gotoPage('nkalertsheet.html')">NKAlertSheet</a></li>
</ul>

<h2>Audio/Visual</h2>
<ul>
<li><a onClick="navController.gotoPage('nkinternetplayer.html')">NKInternetPlayer</a></li>
<li>NKAudioPlayer</li>
<li>NKVideoPlayer</li>
</ul>

<h2>Maps</h2>
<ul>
<li><a onClick="navController.gotoPage('nkmapview.html')">NKMapView</a></li>
</ul>

<h2>Mail</h2>
<ul>
<li><a onClick="navController.gotoPage('nkmailcomposer.html')">NKMailComposer</a></li>
</ul>

<h2>Modal Windows</h2>
<ul>
<li><a onClick="navController.gotoPage('nkmodalwindow.html')">NKModalWindow</a></li>
</ul>

<h2>Toolbar</h2>
<ul>
<li><a onClick="navController.gotoPage('nktoolbar.html')">NKToolbar</a></li>
</ul>

<h2>Controls</h2>
<ul>
<li>NKSwitch</li>
<li>NKSystemVolumeControl</li>
<li>NKProgressBar</li>
<li>NKSlider</li>
</ul>

<h2>DataBases</h2>
<ul>
<li><a onClick="navController.gotoPage('nksqlite.html')">NKSQLite</a></li>
<li>WebStorage</li>
</ul>

<h2>Functions</h2>
<ul>
<li><a onClick="navController.gotoPage('nkgetuniqueidentifier.html')">NKGetUniqueIdentifier</a></li>
<li><a onClick="navController.gotoPage('nkgetdevicetype.html')">NKGetDeviceType</a></li>
<li><a onClick="navController.gotoPage('nkisinternetavailablevia.html')">NKIsInternetAvailableVia...</a></li>
</ul>

</body>
</html>